<template>
    <div id="footer">
        <router-link to="/base"><button>基础场景</button></router-link>
        <router-link to="/tileset"><button>3Dtileset专题</button></router-link>
        <router-link to="/server"><button>地图服务专题</button></router-link>
        <router-link to="/actor"><button>UE自定义专题</button></router-link>
        <router-link to="/point"><button>点位、报警专题</button></router-link>
        <router-link to="/person"><button>人员专题</button></router-link>
        <router-link to="/water"><button>围栏、水面专题</button></router-link>
    </div>
</template>

<script setup>


</script>

<style scoped>
#footer {
    position: absolute;
    display: flex;
    justify-content: center;
    z-index: 1000;
    width: 60%;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

#footer button {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 20px;
}
</style>